<template>
	<view>
	  <uv-popup :safeAreaInsetBottom="false" :round="10"  :show="modelValue" mode="center"  @close="close" @open="open">
	    <view class="auth-popup-container">
	      <view class="title">企业认证审核中</view>
	      <view class="desc">
	        <view>您的企业认证正在审核中，</view>
	        <view>您可以尝试联系平台完善您的企业资料，加速审核</view>
	      </view>
	      <view class="info">
	        <view>
	          <text>审核客服：</text>
	          <text>{{relationInfo.ContactName}}</text>
	        </view>
	        <view>
	          <text>电话：</text>
	          <text style="color: #3A75F5;" @click="callPhone">{{relationInfo.ContactMobilePhone}}</text>
	        </view>
	        <view>
	          <text>QQ：</text>
	          <text>{{relationInfo.ContactMail}}</text>
	        </view>
	      </view>
	      <view class="btn">
	        <uv-button type="primary" @click="callPhone">立即联系</uv-button>
	        <view style="margin-top:8px;">
	          <uv-button @click="close" type="warning">关闭</uv-button>
	        </view>
	      </view>
	    </view>
	  </uv-popup>
	</view>
</template>

<script>
	import store from '@/store'
	export default {
		data() {
			return {
				visible:true
			};
		},
		props:{
			modelValue:{
				type:Boolean,
				default:false
			}
		},
		computed:{
			relationInfo(){
				return store.state.relationInfo
			}
		},
		methods:{
			open(){
				this.$emit('updata:modelValue',true)
			},
			close(){
				this.$emit('update:modelValue',false)
			},
			callPhone(){
				uni.makePhoneCall({
					phoneNumber:this.relationInfo.ContactMobilePhone
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
.auth-popup-container {
  width: 315px;
  text-align: center;
}
.auth-popup-container ::v-deep .uv-safe-area-inset-bottom{
	  padding-bottom: 0 !important;
  }


.title {
  font-size: 16px;
  color: #3C4144;
  font-weight: 500;
  margin-top: 45px;
}

.desc {
  margin-top: 12px;
  font-size: 12px;
  color: #606266;
  line-height: 23px;
}

.info {
  width: 250px;
  margin: 0 auto;
  margin-top: 12px;
  background: #F4F4F4;
  border-radius: 8px;
  text-align: left;
  box-sizing: border-box;
  padding: 8px 12px;
  font-size: 12px;
  color: #606266;
  line-height: 22px;
}

.btn {
  margin-top: 25px;
  padding: 0 78px;
  margin-bottom: 45px;
}
</style>
